<section [ngStyle]="tagData.cssStyle|styleFilter"
    [ngClass]="{'call-box': !tagData.data.statusTag,'call-box-xw':tagData.data.statusTag,'call-box-xwtwo':tagData.data.statusTag==='' ,'bg-image-tag': tagData.showWaterImg}">
    <div [ngStyle]="tagData.data?.headBoxCssStyle|styleFilter"
        *ngIf="tagData.data.headPicurl!==undefined||(tagData.data.headPicurl!==undefined&&tagData.data.headPicurl==='')">
        <i class="img" [ngStyle]="tagData.data?.userTagCssStyle|styleFilter"
            *ngIf="tagData.data.userTag && tagData.data.userTag.length > 0">{{tagData.data.userTag}}</i>
        <img id="{{headPicUrlUUID}}" class="fl photo" [ngStyle]="tagData.data?.headPicurlCssStyle|styleFilter"
            [src]="tagData.data.headPicurl?tagData.data.headPicurl:defaultAvatar"
            onerror="this.src='assets/img/headtrait.png'" alt="photo">
    </div>
    <div class="fl margin-top-5px">
        <div class="display-flex">
            <h1 class="nickname-h1 "> {{tagData.data.nickName}}</h1>
            <!-- {{tagData.data.employeeTag}} -->
            <span *ngIf="tagData.data.employeeTag" class="employee-tag-span">{{tagData.data.employeeTag}}</span>
        </div>
        <div class="display-flex">
            <div class="mobile-font" [ngClass]="{'waitForLoadMobile': !tagData.data.mobile}" id="{{mobileUUID}}"
                appDebounceClick (debounceClick)="copyStr(tagData.data.mobile)">
                <span *ngIf="tagData.data.statusTag1" [ngStyle]="tagData.data.statusTag1CssStyle|styleFilter"
                    class="status-tag-span">{{tagData.data.statusTag1}}</span>
                {{tagData.data.mobile}}
                <span *ngIf="tagData.data.statusTag" class="status-tag-span">{{tagData.data.statusTag}}</span>
            </div>
        </div>
    </div>
    <ng-container *ngIf="tagData.data.asyncLoad">
        <button id="{{callBtnUUID}}" class="fr phone" appDebounceClick (debounceClick)="call()">{{tagData.data.call?.label}}</button>
        <button id="{{onlineChatUUID}}" class="fr chat" appDebounceClick (debounceClick)="go()">{{tagData.data.onlineChat?.label}}</button>
    </ng-container>
    <ng-container *ngIf="!tagData.data.asyncLoad">
        <div id="{{callBtnUUID}}" class="fr phone phoneBg phone-all-r" *ngIf="tagData.data.call" appDebounceClick (debounceClick)="call()"
            [ngStyle]="tagData.data.call?.link?.params?.btnCssStyle|styleFilter">
            {{tagData.data.call?.label}}</div>
        <button id="{{onlineChatUUID}}" class="fr chat chatBg chat-all-r" *ngIf="tagData.data.onlineChat"
            [ngStyle]="tagData.data.onlineChat?.link?.params?.btnCssStyle|styleFilter"
            appDebounceClick (debounceClick)="go()">{{tagData.data.onlineChat?.label}}</button>
    </ng-container>

</section>
<!-- [ngClass]="{'big-btn': tagData.data.call?.submit?.content?.cssStyle !== undefined}" -->